<%@ taglib prefix="s" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path;
%>
<html>

<head>
    <meta charset="utf-8" />
    <title>首页</title>
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">

    <!-- HTML5 Shiv 和 Respond.js 用于让 IE8 支持 HTML5元素和媒体查询 -->
    <!-- 注意： 如果通过 file://  引入 Respond.js 文件，则该文件无法起效果 -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->
    <style type="text/css">
        .content {
            margin-top: 20px;
        }
    </style>

</head>

<body>
<div class="container">
    <div class="row clearfix">
        <div class="col-md-12 column">
            <div class="page-header">
                <h1>
                    快递领取 <small>Express delivery</small>
                </h1>
            </div>
            <ul class="nav nav-tabs">
                <li class="active">
                    <a href="#">首页</a>
                </li>
                <li>
                    <a href="<%=path%>/toPersonal.html">个人中心</a>
                </li>
                <li>
                    <a href="#">管理</a>
                </li>
            </ul>
            <div class="row clearfix">
                <div class="content">
                    <div class="col-md-4 column">
                        <img alt="140x140" src="<%=path%>/img/菜鸟.png" class="img-rounded" width="200px" height="180px" />
                        <h2>
                            菜鸟驿站
                        </h2>
                        <p>
                            <a class="btn" href="/selCN.html">查看 »</a>
                        </p>
                    </div>
                    <div class="col-md-4 column">
                        <img alt="140x140" src="<%=path%>/img/邮政.png" class="img-rounded" width="200px" height="180px" />
                        <h2>
                            邮政
                        </h2>
                        <p>
                            <a class="btn" href="/selYZ.html">查看 »</a>
                        </p>
                    </div>
                    <div class="col-md-4 column">
                        <img alt="140x140" src="<%=path%>/img/京东.jpg" class="img-rounded" width="200px" height="180px" />
                        <h2>
                            京东
                        </h2>
                        <p>
                            <a class="btn" href="/selJD.html">查看 »</a>
                        </p>
                    </div>
                </div>
            </div>
            <div class="row clearfix">
                <div class="content">
                    <div class="col-md-4 column">
                        <img alt="140x140" src="<%=path%>/img/天猫.png" class="img-rounded" width="200px" height="180px" />
                        <h2>
                            天猫
                        </h2>
                        <p>
                            <a class="btn" href="/selTM.html">查看 »</a>
                        </p>
                    </div>
                    <div class="col-md-4 column">
                        <img alt="140x140" src="<%=path%>/img/申通.png" class="img-rounded" width="200px" height="180px" />
                        <h2>
                            申通
                        </h2>
                        <p>
                            <a class="btn" href="/selST.html">查看 »</a>
                        </p>
                    </div>
                    <div class="col-md-4 column">
                        <img alt="140x140" src="<%=path%>/img/百世.png" class="img-rounded" width="200px" height="180px" />
                        <h2>
                            百世
                        </h2>
                        <p>
                            <a class="btn" href="/selBS.html">查看 »</a>
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

</body>

</html>
